<template>
    <div>
        <h1>我是创建订单</h1>
        <COsteps/>
        <COAddTitle/>
        <div class="refreshpage">
        <el-progress class="refreshpage_progress"
        type="circle" :percentage="percentage"
        :show-text="false"></el-progress>
        <div
        class="refreshpage_loading"
        type="primary"
        v-loading="fullscreenLoading"
        element-loading-text="拼命加载中"
        element-loading-spinner="el-icon-loading"></div>
        </div>
    </div>
</template>

<script>
import COsteps from './XiaoCOSteps'
import COAddTitle from './XiaoCOAddTitle'
export default {
    name:'XiaoCOrefreshpage',
    components:{COsteps,COAddTitle},
    data() {
        return {
            percentage:'',
            fullscreenLoading: false
        }
    },
    mounted(){
        this.percentage=100;
        console.log('我是中转路由哦');
        this.fullscreenLoading=true
        setTimeout(() => {
            this.fullscreenLoading=false
            this.$router.push({name:'xCreateOrder'})
        }, 500);
    }
}
</script>

<style scoped>
.refreshpage{
    padding-left: 150px;
    margin: 0 auto;
    padding-top: 70px;
    height: 300px;
    width: 400px;
}
.refreshpage_progress{
    margin-left: 20px;
    margin-top: 20px;
}
.refreshpage_loading{
    margin-left: -235px;
    margin-top: -70px;
}
</style>